// Copyright (c) 2025 coze-dev Authors
// SPDX-License-Identifier: Apache-2.0
/* stylelint-disable max-nesting-depth */
.send-msg-area {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;

  padding-right: 24px;

  &-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    align-self: stretch;

    box-sizing: border-box;
    min-height: 120px;
    padding: 12px 0;

    border: 1px solid rgba(68, 83, 130, 25%);
    border-radius: 6px;

    .msg-files{
      display: flex;
      flex-wrap: wrap;
      gap:10px;

      width: 100%;
      padding: 0 12px 7px;

      border-bottom: 1px solid rgba(68, 83, 130, 25%);

      &-badge{
        &-icon{
          cursor: pointer;
          display: none;
        }

        &:hover{
          .msg-files-badge-icon{
            display:block;
          }
        }
      }
    }

    .editor-disabled{
      pointer-events: none;
      cursor: not-allowed;

      :global{
        .cm-content{
          cursor: not-allowed;
          background: rgba(var(--coze-bg-5), var(--coze-bg-5-alpha));
        }
      }

    }

    &.editor-active{
      border-color: rgba(var(--coze-up-brand-9), 1);
    }
  }
}
